**
CSS4 07 - 2012 (Le Duc Cuong - 0976465090 - duccuongweb@gmail.com - skype: lecuong2585)
*/  
    * { margin:0; padding: 0 }
    option { padding-left: 0.4em }
    * html body * { overflow:visible; }
    * html iframe, * html frame { overflow:auto; }
    * html frameset { overflow:hidden; }
    html { height: 100%; margin-bottom: 1px;}
    html * { font-size: 100% }

    textarea, pre, tt, code, input{font-family: Arial, Helvetica, sans-serif; font-size:13px; }
    body {font-family: Arial, Helvetica, sans-serif; font-size:13px; }
    
    h1,h2,h3,h4,h5,h6 { margin: 0 0 0.25em 0; }
    h1 { font-size: 200% }                        /* 24px */
    h2 { font-size: 166.67% }                     /* 20px */
    h3 { font-size: 150% }                        /* 18px */
    h4 { font-size: 133.33% }                     /* 16px */
    h5 { font-size: 116.67% }                     /* 14px */
    h6 { font-size: 116.67%; font-style:italic }  /* 14px */
    
    p { line-height:20px; margin: 0; }
    img{ border:none;}
    style{ color:#FF0000;}
    br{ line-height:12px;}
    /* ### Lists | Listen  #### */
    
    ul, ol, dl { line-height: 1.5em; margin: 0; list-style: none; }
    li { margin-left: 1em; line-height: 1.5em; }
    
    dt { font-weight: bold }
    dd { margin: 0 0 1em 2em }
    
    .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
    .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
    .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;} 
    
    hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
    }
    a {color:#ffffff; text-decoration:none;}
    a:focus, a:hover, a:active {text-decoration:underline;}
  
/*-----------------------------------FLOAT FORMAT---------------------*/  	
	.fl { float: left;}
  	.fr { float: right;}
	.clear{ clear:both;}
	.cl{ clear:left;}
	.cr{ clear:right;}
	
/*-----------------------------------TEXT FORMAT----------------------*/  
	.center { text-align:center;}
  	.left { text-align:left;}
  	.right { text-align:right;}
	.uper{ text-transform:uppercase;}
	.justify{text-align:justify;}
	.top{ vertical-align:top;}
	.mid{ vertical-align:middle;}
    .btt{ vertical-align:bottom;}
	.linethrough{ text-decoration:line-through;}
  	cite, blockquote { font-style:italic }
  	blockquote { margin: 0 0 1em 1.5em }
  	strong,b { font-weight: bold }
  	em,i { font-style:italic }
  	pre, code { font-family: monospace; font-size: 1.1em; }
  	acronym, abbr {	letter-spacing: .07em; border-bottom: .1em dashed #c00;	cursor: help;}
    .text_decoration {text-decoration: underline;}
    .text_weight{font-weight: bold;}
    .text_italic{font-style: italic;}

/*------------------------------FORMAT--------------------------------*/     
       
/*------------------------------PAGE----------------------------------*/

    body{margin:0;width:100%;background:#000000; color:#ffffff;}
    
    /*--------------------------HOME------------------------------*/
    .page-home{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:900px; background: url(../img/01.jpg) no-repeat top center; position: relative;}

    .header{margin:0;padding:0;width:100%;height:164px; position: relative;}
    .logo{margin:0;padding:0; width: 250px; position: relative; top:27px;left: 43px;}
    .menu-top{margin:0;padding:0; width: 350px; position: absolute; top:0;right: 53px;}
    .menu-top ul{margin:0;padding:0;list-style: none;}
    .menu-top ul li{margin:1px 0 0 0;padding:7px 0 0 0;float:left;}
    .menu-top ul li a{padding:0 10px;display: block; text-decoration: none; font-size:13px; text-transform: uppercase; color:white;}
    .menu-top ul li a:hover{text-decoration: underline;}
    .menu-top ul li.last{background: #cbdb2a; border-radius: 0 0 4px 4px;}
    .menu-top ul li.last a{padding:0 35px 0  2px; text-transform: none; color:#000000;}
    
    .icon-right{margin:0;padding:0; width:91px;min-height:500px; position: fixed; top: 170px; right:0; z-index:2001;}
    .icon-right ul{margin:0;padding:0;list-style: none;}
    .icon-right ul li{margin:0 0 20px 0;padding:0;}
    .icon-right ul li a{}
    
    .menu-left{margin:0;padding:0; width: 330px;  top:170px; left:40px; float:left; position:absolute; display:none;}
    .menu-left ul{margin:0;padding:0;list-style: none;}
    .menu-left ul li{margin:0;padding:0 0 10px 0;}
    .menu-left ul li a{margin:0;padding:0;width:300px;height:40px;display: block; text-indent: -9999px;}
    .menu-left ul li.about a{background: url(../img/but_about.png) no-repeat top left;}
    .menu-left ul li.about a:hover{background: url(../img/but_about_o.png) no-repeat top left;}
    .menu-left ul li.about a.active{background: url(../img/but_about_o.png) no-repeat top left;}
    .menu-left ul li.referenzen a{background: url(../img/but_ref.png) no-repeat top left;}
    .menu-left ul li.referenzen a:hover{background: url(../img/but_ref_o.png) no-repeat top left;}
    .menu-left ul li.referenzen a.active{background: url(../img/but_ref_o.png) no-repeat top left;}
    .menu-left ul li.intern a{background: url(../img/but_intern.png) no-repeat top left;}
    .menu-left ul li.intern a:hover{background: url(../img/but_intern_o.png) no-repeat top left;}
    .menu-left ul li.intern a.active{background: url(../img/but_intern_o.png) no-repeat top left;}
    
    .menu-left ul.menu {margin:10px;padding:0;list-style: none; position: relative; z-index: 1;}
    .menu-left ul.menu li{margin:0;padding:0 0 6px 0;}
    .menu-left ul.menu li a{margin:0;padding:0;display: block; width:250px;height:20px; text-indent: 0; font-size:14px; font-weight:bold;}
    .menu-left ul.menu li a:hover, .menu-left ul.menu li a.active{color: #bed62f; text-indent: 0; font-size:14px; text-decoration: none;}
    
     
	.menu-left-scroll{margin:0;padding:0; width: 330px;  top:170px; left:40px; float:left; position:fixed; z-index:99999;}
    .menu-left-scroll ul{margin:0;padding:0;list-style: none;}
    .menu-left-scroll ul li{margin:0;padding:0 0 10px 0;}
    .menu-left-scroll ul li a{margin:0;padding:0;width:300px;height:40px;display: block; text-indent: -9999px;}
    .menu-left-scroll ul li.about a{background: url(../img/but_about.png) no-repeat top left;}
    .menu-left-scroll ul li.about a:hover{background: url(../img/but_about_o.png) no-repeat top left;}
    .menu-left-scroll ul li.about a.active{background: url(../img/but_about_o.png) no-repeat top left;}
    .menu-left-scroll ul li.referenzen a{background: url(../img/but_ref.png) no-repeat top left;}
    .menu-left-scroll ul li.referenzen a:hover{background: url(../img/but_ref_o.png) no-repeat top left;}
    .menu-left-scroll ul li.referenzen a.active{background: url(../img/but_ref_o.png) no-repeat top left;}
    .menu-left-scroll ul li.intern a{background: url(../img/but_intern.png) no-repeat top left;}
    .menu-left-scroll ul li.intern a:hover{background: url(../img/but_intern_o.png) no-repeat top left;}
    .menu-left-scroll ul li.intern a.active{background: url(../img/but_intern_o.png) no-repeat top left;}
    
    .menu-left-scroll ul.menu {margin:10px;padding:0;list-style: none; position: relative; z-index: 1;}
    .menu-left-scroll ul.menu li{margin:0;padding:0 0 6px 0;}
    .menu-left-scroll ul.menu li a{margin:0;padding:0;display: block; width:250px;height:20px; text-indent: 0; font-size:14px; font-weight:bold; color:white;}
    .menu-left-scroll ul.menu li a:hover, .menu-left-scroll ul.menu li a.active{color: #bed62f; text-indent: 0; font-size:14px; text-decoration: none;}
    
      
	 
    .main-pages{margin:0 100px 0 370px;padding:0; width:60%; height:auto;}
    
    .home{padding-top: 450px; position: relative;}
    .home .top{font-size:20px;}
    .home .bottom{font-size:75px;}
    
    .home img.imgtop{position: absolute; top:480px;left:20px; margin:0;}
    .home img{margin: -50px 0 0 300px;}
    
    /*--------------------------ABOUT US------------------------------*/
    .page-about{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/02.jpg) no-repeat top center; position: relative;}
    .main-about{padding-top: 250px;position: relative;}
    
    .main-about img.img01{position: absolute; top:50px;left: 50px;}
    .main-about img.img02{position: absolute; top:350px;left: 0px;}
    .main-about img.img03{position: absolute; top:120px;right: 150px;}
    .main-about .bottom{margin-top:300px;font-size:75px; color: #686d71;}
    /*-------------------*/
    .page-unternehmen{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/03.jpg) no-repeat top center; position: relative;}
    .main-unternehmen{padding-top: 280px;position: relative;}
    
    .main-unternehmen img.img01{position: absolute; top:350px;right:250px; z-index: 1;}
    .main-unternehmen img.img02{position: absolute; top:100px;right:50px; z-index: 1;}
    
    .main-unternehmen .top{padding:0 0 60px 60px; font-size:25px;color:#bed62f; z-index: 2001;position: relative;}
    .main-unternehmen .bottom{font-size:16px;z-index: 2001;position: relative;}
    /*-------------------*/
    .page-philosophie{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/04.jpg) no-repeat top center; position: relative;}
    .main-philosophie{ padding-top: 150px;position: relative;}
    

    .main-philosophie .top{padding:0 0 20px 60px; font-size:65px;}
    .main-philosophie .bottom{font-size:26px;color:#bed62f;}
    /*-------------------*/
    .page-marketing{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/05.jpg) no-repeat top center; position: relative;}
    .main-marketing{padding-top: 50px;position: relative;}
    
    .main-marketing img.img01{position: absolute; top:250px;right:-60px; z-index: 1;}
    .main-marketing img.img02{position: absolute; top:350px;left:0px; z-index: 1;}
    .main-marketing img.img03{position: absolute; top:550px;left:100px; z-index: 1;}
    .main-marketing .top{padding:0 0 20px 120px; font-size:25px;}
    .main-marketing .top span{color:#bed62f;}
    .main-marketing .bottom{padding-left:60px; font-size:26px;color:#bed62f;}
    /*-------------------*/
    .page-leistungsspektrum{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/06.jpg) no-repeat top center; position: relative;}
    .main-leistungsspektrum{padding-top: 50px;position: relative;}
    
    .main-leistungsspektrum img.img01{position: absolute; top:170px;left:100px; z-index: 1;}
    .main-leistungsspektrum img.img02{position: absolute; top:170px;right:20px; z-index: 1;}
    
    .main-leistungsspektrum .top{width:100%; min-height:500px; padding:0 0 20px 20px; position: relative;}
    .main-leistungsspektrum .top ul{margin:0;padding:0;list-style: none;}
    .main-leistungsspektrum .top ul li{margin:0;padding:0;}
    .main-leistungsspektrum .top ul li a{color:#bed62f;}
    .main-leistungsspektrum .top ul li.c01{position: absolute; top:0;left:20px; z-index: 2;}
    .main-leistungsspektrum .top ul li.c01 a{font-size: 35px;}
    .main-leistungsspektrum .top ul li.c02{position: absolute; top:60px;right:170px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c02 a{font-size: 35px;}
    .main-leistungsspektrum .top ul li.c03{position: absolute; top:80px;right:20px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c03 a{font-size: 25px;}
    .main-leistungsspektrum .top ul li.c04{position: absolute; top:120px;left:0;z-index: 2;}
    .main-leistungsspektrum .top ul li.c04 a{font-size: 45px;}
    .main-leistungsspektrum .top ul li.c05{position: absolute; top:120px;left:400px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c05 a{font-size: 25px;}
    .main-leistungsspektrum .top ul li.c06{position: absolute; top:130px;right:100px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c06 a{font-size: 25px;}
    .main-leistungsspektrum .top ul li.c07{position: absolute; top:250px;left:20px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c07 a{font-size: 35px;}
    .main-leistungsspektrum .top ul li.c08{position: absolute; top:250px;right:130px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c08 a{font-size: 35px;}
    .main-leistungsspektrum .top ul li.c09{position: absolute; top:300px;right:100px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c09 a{font-size: 25px;}
    .main-leistungsspektrum .top ul li.c10{position: absolute; top:380px;left:0;z-index: 2;}
    .main-leistungsspektrum .top ul li.c10 a{font-size: 55px;}
    .main-leistungsspektrum .top ul li.c11{position: absolute; top:400px;right:50px;z-index: 2;}
    .main-leistungsspektrum .top ul li.c11 a{font-size: 25px;}
    
    
    .main-leistungsspektrum .bottom{padding-left:60px;font-size:75px; color: #686d71;}
    /*--------------------------REFERENZEN------------------------------*/
    .page-referenzen{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/10.jpg) no-repeat top center; position: relative;}
    .main-referenzen{padding-top: 50px;position: relative;}
    
    .main-referenzen img.img01{position: absolute; top:70px;left:0px; z-index: 2;}
    .main-referenzen img.img02{position: absolute; top:400px;left:100px; z-index: 1;}
    .main-referenzen img.img03{position: absolute; top:250px;right:0; z-index: 1;}
    .main-referenzen .top{padding:0 0 20px 120px; font-size:25px;}
    
    .main-referenzen .bottom{padding-left:60px; font-size:26px;color:#bed62f;}
    /*--------------------------INTERN------------------------------*/
    .page-intern{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/07.jpg) no-repeat top center; position: relative;}
    .main-intern{padding-top: 50px;position: relative;}
    
    .main-intern img.img01{position: absolute; top:200px;left:0px; z-index: 2;}
    .main-intern img.img02{position: absolute; top:100px;right:0; z-index: 1;}
    .main-intern img.img03{position: absolute; top:450px;right:0; z-index: 1;}
    
    .main-intern .top{padding:800px 0 20px 320px;font-size:75px;color:#686d71;}
    
    .main-intern .bottom{padding-left:60px; font-size:75px;color:#686d71;}
    
    /*--------------------------*/
    .page-eigeneevents{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/09.jpg) no-repeat top center; position: relative;}
    .main-eigeneevents{padding-top: 50px;position: relative;}
    .main-eigeneevents img.img01{position: absolute; top:0;left:-200px; z-index: 1;}
    .main-eigeneevents .top{padding:100px 0 20px 120px; font-size:25px;}
    
    .main-eigeneevents .bottom{padding:700px 0 0 0; font-size:75px;color:#686d71;}
    /*--------------------------*/
    .page-promoter{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/07.jpg) no-repeat top center; position: relative;}
    .main-promoter{padding-top: 50px;position: relative;}
    
    .main-promoter img.img01{position: absolute; top:200px;right:0; z-index: 1;}
    .main-promoter img.img02{position: absolute; top:500px;right:0; z-index: 1;}
    .main-promoter img.img03{position: absolute; top:650px;left:0; z-index: 1;}
    
    .main-promoter .top{padding:150px 0 20px 120px; font-size:45px;color:#BED62F;}
    
    .main-promoter .bottom{padding:450px 0 0 300px; font-size:75px;color:#686d71;}
    
    /*--------------------------*/
    .page-offenestellen{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: #000000; position: relative;}
    .main-offenestellen{padding-top: 50px;}
    
    .main-offenestellen img.fish1{position: absolute; top:40px; right:10px;}
    .main-offenestellen img.fish2{position: absolute; top:560px; left:410px;}
    
    .main-offenestellen .top{padding:150px 0 20px 120px; font-size:25px;color:#BED62F;}
    .main-offenestellen .center{padding:150px 0 20px 0px; text-align: left; font-size:25px;color:#BED62F;}
    
    .main-offenestellen .bottom{padding:150px 0 0 450px;  font-size:25px;color:#BED62F;}
    
    /*--------------------------*/
    .page-hilfe{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:1000px; background: url(../img/07.jpg) no-repeat top center; position: relative;}
    .main-hilfe{padding-top: 50px;position: relative;}
    
    .main-hilfe img.img01{position: absolute; top:310px;left:-310px; z-index: 1;}
    .main-hilfe img.img02{position: absolute; top:300px;right:0; z-index: 1;}
    
    .main-hilfe .top{padding:150px 0 20px 120px; font-size:45px;color:#BED62F;}
    
    .main-hilfe .bottom{padding:350px 0 0 100px; position: relative; z-index:2;}
    .main-hilfe .bottom p{line-height: 35px;}
    .main-hilfe .bottom .text1{font-size: 16px;color:#ffffff;}
    .main-hilfe .bottom .text2{padding-left: 70px; font-size: 35px;color:#7c870b;}
    .main-hilfe .bottom .text2 span{font-size:20px;color:#7f8f5f;}
    
    /*--------------------------*/
    .page-downloads{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/00.jpg) no-repeat top center; position: relative;}
    .main-downloads{padding-top: 50px;position: relative;}
    
    .main-downloads img.img01{position: absolute; top:160px;right:-70px; z-index: 1;}
    
    .main-downloads .top{padding:350px 0 20px 100px; font-size:15px;color:#539ad0; font-weight:bold; position: relative;z-index: 2;}
    .main-downloads .top p span{color:#729f00;}
    
    /*--------------------------*/
    .page-kontakt{margin:0 auto;padding:0;width:100%; max-width: 2000px; min-width:960px; min-height:800px; background: url(../img/00.jpg) no-repeat top center; position: relative;}
    .main-kontakt{padding-top: 50px;position: relative;}
    
    .main-kontakt img.img01{position: absolute; top:160px;right:-70px; z-index: 1;}
    
    .main-kontakt .top{padding:120px 0 20px 20px; font-size:15px;color:#ffffff; font-weight:bold; position: relative;z-index: 2;}
    .main-kontakt .top p span{color:#729f00;}
    .main-kontakt .bottom{padding:120px 0 20px 20px; position: relative; z-index: 2001;}
    .main-kontakt .bottom p{padding-bottom: 20px;}
    .main-kontakt .bottom input[type='text']{margin:0 0 10px 0;padding:0 0 0 5px;width: 450px; height: 25px;background:#cccccc;border-radius: 5px;border:none;}
    .main-kontakt .bottom textarea{margin:0 0 10px 0;padding:0 0 0 5px;width: 450px; height: 100px;background:#cccccc;border-radius: 5px;border:none;}
    
    .main-kontakt .bottom input[type='submit']{margin:0 0 0 355px;padding:0;width: 100px; height: 30px; background: #729f00; border-radius: 5px;color:#000000; text-align: center; border:none; cursor: pointer;}
    
/*------------------------------FOOTER----------------------------------*/   
   

/* End */


/**
 * Parallax Scrolling Tutorial
 * For Smashing Magazine
 * July 2011
 *  
 * Author: Richard Shepherd
 *		   www.richardshepherd.com
 * 		   @richardshepherd   
 */


article h2 { font-family: 'Lobster Two'; font-size: 60px; margin: 25px 0; line-height: 1em; }

.story { height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8);}

#first { background: url(../img/02.jpg) 50% 0 no-repeat fixed; }

#homepage{ background: url(../img/01.jpg) 50% 0 no-repeat fixed; }
#page-about{ background: url(../img/02.jpg) 50% 0 no-repeat fixed; }
#page-unternehmen{ background: url(../img/03.jpg) 50% 0 no-repeat fixed; }
#page-philosophie{ background: url(../img/04.jpg) 50% 0 no-repeat fixed; }
#page-marketing{ background: url(../img/05.jpg) 50% 0 no-repeat fixed; }
#page-leistungsspektrum{ background: url(../img/06.jpg) 50% 0 no-repeat fixed; }
#page-referenzen{ background: url(../img/10.jpg) 50% 0 no-repeat fixed; }
#page-intern{ background: url(../img/07.jpg) 50% 0 no-repeat fixed; }
#page-eigeneevents{ background: url(../img/09.jpg) 50% 0 no-repeat fixed; }
#page-promoter{ background: url(../img/07.jpg) 50% 0 no-repeat fixed; }
#page-offenestellen{ 50% 0 no-repeat fixed; }
#page-hilfe{ background: url(../img/07.jpg) 50% 0 no-repeat fixed; }
#page-downloads{ background: url(../img/00.jpg) 50% 0 no-repeat fixed; }
#page-kontakt{ background: url(../img/00.jpg) 50% 0 no-repeat fixed; }

#second { background: url(../img/03.jpg) 50% 0 no-repeat fixed; z-index: 2;}
#fourth { background: url(../img/05.jpg) 50% 0 no-repeat fixed; }
#third { background: url(../img/04.jpg) 50% 0 no-repeat fixed; }
#theend { background: url(../img/06.jpg) 50% bottom no-repeat fixed; }

/* Introduction */
#first .smashinglogo { background: url(../images/smashing-logo.png) 50% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#first article { width: 100%; top: 300px; position: absolute; text-align: center; }
#first article p,
#first article a { color: #ccc; }
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }

/* Background Only */
#second { padding: 50px 0;}
#second article { background: url(../images/grain.png) repeat #333; color: #fff; width: 445px; margin-left: 100px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#second article p { margin-bottom: 25px; }
#second article a { color: #ff0;}

/* Photograph */
#third article {  background: url(../images/grain.png) repeat #333; color: #fff; padding: 10px 20px; margin: 100px 0 0 60%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#third .photograph { background: url(../images/photo.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#third article p { width: 300px; margin-bottom: 25px; }

/* HTML5 Video */
#fourth article {  margin-left: 10%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; }
#fourth article p { width: 300px; margin: 50px 0; }
#fourth video { position: fixed; left: 50%; box-shadow: 0 0 25px rgba(0,0,0,0.7); z-index: 1;}

/* The End */
#theend .byebye { background: url(../images/theend.png) 40% 100px no-repeat fixed; height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }

